@import url("jquery-ui-1.10.0.custom.css");

@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Karla-Regular';
    src: url('../font/karla-regular.eot');
    src: url('../font/karla-regular?#iefix') format('embedded-opentype'),
         url('../font/karla-regular.woff') format('woff'),
         url('../font/Karla-Regular.ttf') format('truetype'),
         url('../font/karla-regular.svg#Karla') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Karla-Bold';
    src: url('../font/karla-bold.eot');
    src: url('../font/karla-bold?#iefix') format('embedded-opentype'),
         url('../font/karla-bold.woff') format('woff'),
         url('../font/Karla-Bold.ttf') format('truetype'),
         url('../font/karla-bold.svg#Karla-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.f-leftt { float:right; }
.f-right { float:right; }


body{
	font-family:'Karla-Regular', Helvetica, sans-serif;
	font-size:14px;
	color:#61301F;
	/*width:945px;
	margin:auto;*/
}

img { border:none; }

#content { width:945px; margin:auto; }
	
#cabecera{
	position:relative;
	width:945px;
	height:70px;
	padding-bottom:5px;
}
#cabecera > a { float:left; display:block; width:234px; height:100%; background:url(../imagenes/girasoles_logo.jpg) no-repeat center left; }
	
[title]
{
color:red;
}
#lang { float:right; margin-top:10px; }
#lang a { float:left; display:block; margin-left:10px; }
#lang > div { float:left; display:block; max-width:32px; max-height:32px; margin-top:-9px; margin-left:10px; }
#lang div a { color:#FFF; }
#lang li { list-style:none; }
	
#menu{
	width:711px;
	float:left;
	font-size:12px;
}
	
#contenido-banda {
	width:224px;
	heihgt:438px;
	/*height:450px;*/
	float:left;
}
	
#reservas {
	background-color: #5C3E36;
    display: table-cell;
    height: 179px;
    /*padding-left: 20px;*/
   
    vertical-align: middle;
    width: 225px;
}

/*#ing  #reservas  .tit {
margin-left: -5px;
font-size:15px;
}*/
#reservas  .tit{  
	color: #FFFFFF;
    display: block;
    font-family: 'Karla-Regular',Helvetica,sans-serif;
    font-size: 16px;
    height: 20px;
   font-weight:bold;
    text-align:center; width:100%;

    margin-top: -3px;
    overflow: hidden;
    text-transform: uppercase;
	margin-bottom:12px;
	}
#reservas  .tit form { float:left;}	
	
#banner1 {
	width: 224px;
	height: 55px;
	margin-top: 10px;
	background-color: #DA7F36;
}
#banner2 {
	width:224px;
	height:49px;
	background:black;
	margin-top:10px;
}

#banner2-int {
	width:224px;
	height:44px;
	background:black;
	margin-top:10px;
}

#banner2 a { margin-top:2px; float:left;}
#banner3 {
	width:224px;
	height:125px;
	margin-top:10px;
	background-color: #589642;
	text-align:center;
	display:table-cell;
	float:left;
	vertical-align:middle;
}

. ie10 #widCOELink {
padding-bottom:17px /* Only works in IE10 */
}

#banner3 div:first-child { margin:0 auto; }
#widCOELink { padding-bottom:10px\0; }

#slider{
	width:711px;
	height:438px;
	/*height:450px;*/
	margin-left:234px;
	overflow:hidden;
}	
#cuerpo{
	width:711px;
	margin-left:234px;
	overflow:hidden;
}	
#menu2{
	float:right;
	width:711px;
	height:52px;
}	
#footer{
	width:945px;
	height:73px;
	background:url(../imagenes/footer.jpg) no-repeat center;
	font-family:'Karla-Regular', Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	margin:auto;
}
#footer a.fb_icon { float:right; }
#footer div.f-right > div { float:left; }
img.linea_footer { display:block; width:945px; margin:auto; }
	
h1 {
	color:#6e2c18;
	font-family:'Karla-Bold', Helvetica, sans-serif;
	font-size:28px;
	margin:10px 0;
	letter-spacing:-0.05em;
}

h2 {
	color: #61301F;
	font-family:'Karla-Regular', Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:0;
	margin-top:7px;
}

b { font-weight:normal; font-family:'Karla-Bold', Helvetica, sans-serif; }
p { font-family:'Karla-Regular', Helvetica, sans-serif; color:#61301F; text-align:justify; }

.interlineado {
	line-height:145%;
	font-size:15px;
}
	
.interlineado2 {
	line-height:140%;
	font-size:14px;
}

.interlineado2 a:link{ color:#6e2c18; text-decoration:none;}
.interlineado2 a:hover{ color:#DA7F36;text-decoration:none; border-bottom:1px solid #DA7F36 }


.bajada {
	color:#6e2c18;
	font-family:'Karla-Regular', Helvetica, sans-serif;
	font-size:18px;
	margin-top:0;
	margin-bottom:0;
}

.bajada2 {
	color:#6e2c18;
	font-family:'Karla-Regular', Helvetica, sans-serif;
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
}

.bajada2 a:link{ color:#6e2c18; text-decoration:none;}
.bajada2 a:hover{ color:#DA7F36;text-decoration:none;border-bottom:1px solid #DA7F36 }


	
#room {
	width:718px;
	height:159px;
	padding:25px 0;
}
	
#tarifas {
	width:711px;
	margin:17px 0;
}

#tarifas table { text-align:center; border-collapse:collapse; }
#tarifas tr { border-bottom:solid 1px #61301F; }
#tarifas td { font-size:15px; }
#tarifas td span { display:block; font-size:14px; color:#61301F; }
	
.mail {
	width:123px;
	height:95px;
	margin:-20px 0 0 135px;
	float:left;
}	
.portDiv li.pic #vimvid iframe {
	border:2px solid #61301F;
	margin-bottom:5px;
	height:345px;
	text-indent:0;
}
ul.section li.pic a, ul.portDiv li.pic a {
	float:left;
}

ul.pag li { margin-right:10px; }

div.contenedor { float:left; width:711px; margin-top:0; }
div.col { float:left; width:50%; }
div.col p { text-align:justify; padding-left:10px; }
div.col p:first-child { margin-top:0; }
div.col:first-child p { padding-left:0; padding-right:10px; }
div.col img { float:right; margin-bottom:1px; }
div.col > div { float:right; }

div.col2 { float:left; width:100%; }
div.col2 p { text-align:justify; padding-left:10px; }
div.col2 p:first-child { margin-top:0; }
div.col2:first-child p { padding-left:0; padding-right:10px; }
div.col2 img { float:right; margin-bottom:1px; }
div.col2 > div { float:right; }

ul.lista1 { list-style-type:square; margin:0; padding:10px 0 10px 16px; color:#61301F; font-family:'Karla-Regular', Helvetica, sans-serif; font-size:14px; line-height:140%; }
ul.lista1 li span { color:#61301F; }
div.col ul.lista1 { padding-left:24px; }
div.col:first-child ul.lista1 { padding-left:16px; }

.spacer-10 { display:block; height:10px; clear:both; }

/*===============================
	tooltip
=================================*/

 .tooltip{display:inline;position:relative}
 .tooltip:hover{text-decoration:none}
 .tooltip:hover:after{
   background:#5C3E36;
   /*background:rgba(92,62,54,.8);*/
   border-radius:5px;
   bottom:-40px;
   color:#fff;
   content:attr(rel);
   display:block;
   left:15%;
   padding:5px 15px;
   position:absolute;
   white-space:nowrap;
   z-index:98
  }
  .tooltip:hover:before{
    border:solid;
    border-color:#5C3E36 transparent;
    border-width:0 6px 6px  6px ;
    bottom:-16px;
    content:"";
    display:block;
    left:15%;
    position:absolute;
    z-index:99
   }


#reservas p { color:#FFF; font-size:14px; margin:7px 0; }
#reservas p label { display:inline-block; width:70px; padding-left:20px; }
#reservas p span.ui-spinner { width:80px; width:82px\9; }
#reservas p img { margin-left:10px; vertical-align:text-top; cursor:pointer; }
#reservas p.check { display:inline-block; width:112px; margin:0 0 10px -12px;  font-size:13px; }
#reservas p input[type="text"] { width:76px; border-color:transparent;/* border-radius:2px;*/ }
#reservas input[type="checkbox"] { position:relative; top:2px; }
#reservas input[type="submit"] {
	/*-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	border-radius:4px;*/
	
	width: 82px;
	width:84px\9; 
padding: 4px;
margin-left: 72px;
background-color: #FFF;
border: solid 1px #630;
color: #61301F;
cursor: pointer;
}

.btn:hover {
background-color:#DA7F36;

color:  #FFF;
}
.btn {
	text-decoration:none; text-align:center; width:73px; display:block;
	 width:75px \9;
padding: 4px;
margin-left: 92px;
background-color: #FFF;

color: #61301F;
cursor: pointer;

	
	}

li span {text-align: justify; display:block;} 
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
.message { float:left; width:100%; padding:10px 7px; background-color:#DA7F36;color:  #FFF;}

#reservas2 p input[type="text"] { width:76px; border-color:transparent; /*border-radius:2px; */}
#reservas2 input[type="checkbox"] { position:relative; top:2px; }

input[type="submit"]:hover ,input[type="reset"] :hover{ background-color:#DA7F36; color:white; }
input[type="submit"],input[type="reset"] {
	/*-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	border-radius:4px;*/
	border:none;
	width:73px;
	padding:5px;
	margin-left:71px;
	background-color:#FFF;
	
	color:#61301F;
	
	cursor:pointer;
}
#reservas2 input[type="submit"]:hover { background-color:#DA7F36; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
.ui-widget-content { border:none;}
